<ion-header>
  <ion-toolbar>
    <!--<ion-title>{{"mapTitle" | translate}}</ion-title>-->
    <ion-buttons left>
      <button ion-button icon-left (click)="navBack()">
        <ion-icon class="nav-back" name="arrow-back"></ion-icon>
      </button>
    </ion-buttons>
    <ion-searchbar>
    </ion-searchbar>
  </ion-toolbar>
</ion-header>
<ion-content>
  <ion-fab vertical="top" horizontal="start" slot="fixed">
    <button  ion-fab color="light"><ion-icon name="notifications-outline"></ion-icon></button>
  </ion-fab>
  <div id = "mapContainer" style="width:100%;height: 100%">
  </div>
  <div id="up-map-div"  style="width:100%;height:150px;display:none;">
    <img src="/assets/imgs/close.png" class="image-remove" (click)="closeDiv();"/>
   <ion-list inset style="width:80%;top:0px;left:2px;">
      <ion-item>  
         <h2>{{personName}}</h2>
        <p>{{personAddr}}</p>
        <p>{{personArea}}</p>
      
       <button ion-button clear item-end (click)="nav2detail()">
         <ion-icon class="menu" name="menu">详情</ion-icon>
       </button>
     </ion-item>
    </ion-list>
  </div>
</ion-content>
